﻿@{
    var BemasIsTops = ViewData["BemasIsTops"] as List<HanGu.Entity.PhilosopherBema>;
    var TravelIsTops = ViewData["TravelIsTops"] as List<HanGu.Entity.TravelStudy>;
}
<style>
    OL
    {
        padding-bottom: 0px;
        list-style-type: none;
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
        list-style-image: none;
        padding-top: 0px;
    }
    UL
    {
        padding-bottom: 0px;
        list-style-type: none;
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
        list-style-image: none;
        padding-top: 0px;
    }
    LI
    {
        
    }
    #wonderfulstoryList UL
    {
        width: 800px;
        float: left;       
    }
    #wonderfulstoryList LI
    {
        width: 100px;
        float: left;       
    }
</style>
<div style="width: 500px; height: 150px; overflow: hidden" id="wonderfulstoryList">
    <ul>
        @if (BemasIsTops != null && BemasIsTops.Count > 0)
        {
            foreach (var item in BemasIsTops)
            {
            <li style=" padding-left:5px; padding-right:5px">
                <div class="movieContain">
                    <div class="parent_panel">
                        <div class="movie_image_panel">
                            <img src="@item.TitlePic" alt="@item.Title" />
                        </div>
                        <div class="movie_text_panel">
                            <ul style="text-align: center">
                                <li>@item.Title</li>
                                <li>@item.Clicks</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            }
        }
        @if (TravelIsTops != null && TravelIsTops.Count > 0)
        {
            foreach (var item in TravelIsTops)
            {
            <li>
                <div class="movieContain">
                    <div class="parent_panel">
                        <div class="movie_image_panel">
                            <img src="@item.TitlePic" alt="@item.Title" />
                        </div>
                        <div class="movie_text_panel">
                            <ul style="text-align: center">
                                <li>@item.Title</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            }
        }
    </ul>
</div>
<script src="/Scripts/Marquee.js" type="text/javascript"></script>
<script>
    $(function () {
        Marquee.init("wonderfulstoryList", "left",10).scrollUp();
    });
</script>
